@charset "utf-8";
/* CSS Document */


@font-face {
  font-family: "庞门正道标题体";
  src: url("../font/庞门正道标题体.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}





article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden;  width: 30px;  height: 20px;}

figure{margin:1em 40px}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse: collapse;border-spacing: 0;}



td,th{padding:0}
@media print{
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
blockquote,pre{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
img,tr{page-break-inside:avoid}
img{max-width:100%!important}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
.navbar{display:none}
.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}
.label{border:1px solid #000}
.table{border-collapse:collapse!important}
.table td,.table th{background-color:#fff!important}
.table-bordered td,.table-bordered th{border:1px solid #ddd!important}
}





body{font-size:10px;color:#333;}
a,a:hover{text-decoration:none;color:#333}
ul,li{list-style:none}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
body{font-size:10px !important;margin:0;padding:0px;}
*{marign:0px;padding:0px;}





.tit{width:100%;height:auto;clear:both;position: relative;}
.tit h1{display:block;width:100%;font-size:60px;color:#e7e7e7;text-align: left;letter-spacing:1px;position: relative;text-align:center;}
.tit h1 a{transition: all 0.7s ease-in-out 0s;transform: translateX(-50%);position:absolute;left:50%;bottom:50%;display:block;max-width:100%;font-size:35px !important;color:#333;font-weight:bold;text-align:center;letter-spacing:2px;line-height:2;font-weight:normal;}
.tit h1 a:after { display: block;  content: '';  float: left;  width: 100%;  height: 2px;  background-color: #008a45;   transition: all 0.7s ease-in-out 0s;position:absolute;left:50%;bottom:0px;transform: translateX(-50%);}




@media (max-width:468px){

.tit h1{font-size:40px;}
.tit h1 a{font-size:24px !important;}

}


@media(min-width:469px) and (max-width:768px){
.tit h1{font-size:43px;}
.tit h1 a{font-size:26px !important;}

}


@media(min-width:769px) and (max-width:990px){
.tit h1{font-size:46px;}
.tit h1 a{font-size:26px !important;}

}

@media(min-width:991px) and (max-width:1080px){
.tit h1{font-size:49px;}
.tit h1 a{font-size:28px !important;}

}

@media(min-width:1081px) and (max-width:1440px){
.tit h1{font-size:52px;}
.tit h1 a{font-size:30px !important;}


}
@media(min-width:1441px) and (max-width:1600px){
.tit h1{font-size:53px;}
.tit h1 a{font-size:32px !important;}


}













/*产品中心*/
.product{width:100%;height:auto;overflow:hidden;position:relative;background:url(../images/product.jpg) no-repeat left top;background-size:100% 100%;padding-top:6rem;}


/*箭头*/

@keyframes move{
 0%{right:0%;opacity:0}
70%{right:70%;opacity:1}
100%{right:100%;opacity:0}
}
.move{-webkit-animation-name:move;animation-name:move;position:relative;margin-left:-30px}
.ar-animated{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;font-style:inherit;-webkit-animation-timing-function:linear;animation-timing-function:linear;font-size:30px}
.ar-delay-1s{animation-delay:0.1s}
.ar-delay-2s{animation-delay:0.2s}
.ar-delay-3s{animation-delay:0.3s}
.ar-delay-4s{animation-delay:0.4s}
.ar-delay-5s{animation-delay:0.5s}
.ar-delay-6s{animation-delay:0.6s}
.ar-delay-7s{animation-delay:0.7s}
.ar-delay-8s{animation-delay:0.8s}
.ar-delay-9s{animation-delay:0.9s}
.ar-delay-10s{animation-delay:0.10s}



/*产品中心-内容*/

.mt-tabpage{width:100%;height:80vh;list-style:none;text-decoration:none;position: relative;}
.mt-tabpage-title{height: 100%;font-size:0;width: 10vw;float:right;list-style:none;text-decoration:none;margin: 2% 0%;}
.mt-tabpage-title .mt-tabpage-item{text-decoration: none;display:inline-block;width: 100%;height:14%;line-height:44px;text-align: right;color:#333;font-size:16px}

.mt-tabpage-title .mt-tabpage-item font{float:right;display:inline-block;color:#333;font-size:16px;}
.mt-tabpage-title .mt-tabpage-item span{display:block;width:0px;float:right;overflow:hidden;position: relative;-webkit-transition:all 0.5s 0s cubic-bezier(0.445,0.05,0.55,0.95);-moz-transition:all 0.5s 0s cubic-bezier(0.445,0.05,0.55,0.95);-o-transition:all 0.5s 0s cubic-bezier(0.445,0.05,0.55,0.95);-ms-transition:all 0.5s 0s cubic-bezier(0.445,0.05,0.55,0.95);transition:all 0.5s 0s cubic-bezier(0.445,0.05,0.55,0.95);}
.mt-tabpage-title .mt-tabpage-item span i img{height:44px;}

.mt-tabpage-title .mt-tabpage-item:hover span{width:30px;margin-left: 10px;}
.mt-tabpage-title .mt-tabpage-item-cur{font-size:16px;}

.mt-tabpage-title .mt-tabpage-item-cur span{width:30px;margin-left: 10px;}

.mt-tabpage-title .mt-tabpage-item:nth-child(6),.mt-tabpage-title .mt-tabpage-item:first-child{position: relative;right: 30px;}
.mt-tabpage-title .mt-tabpage-item:nth-child(2),.mt-tabpage-title .mt-tabpage-item:nth-child(5){position: relative;right: 15px;}


.mt-tabpage-count{position:relative;width: 60vw;float:left;height: 100%;overflow:hidden;margin: 2% 0%;}
.mt-tabpage-count .mt-tabpage-item .left{width:45%;float:left;overflow:hidden;position:relative}
.mt-tabpage-count .mt-tabpage-item .left .antit{width:100%;height:auto;clear:both;position:relative;text-align: left;}
.mt-tabpage-count .mt-tabpage-item .left .antit a{position: relative;width:auto;height:auto;clear:both;color:#333;font-size:35px;font-weight:normal;letter-spacing:2px;line-height:50px;padding: 5px 0px;border-bottom:solid #008a45 2px;}







.mt-tabpage-count .mt-tabpage-item .left .ainfo{width:100%;height:100%;clear:both;margin-top:5%;}
.mt-tabpage-count .mt-tabpage-item .left .ainfo p{font-size:16px;color:#333;line-height: 2;text-align: left;}
.mt-tabpage-count .mt-tabpage-item .left .lie{width:100%;height:auto;clear:both;float:left;margin:10% 0%;}
.mt-tabpage-count .mt-tabpage-item .left .lie li{width:23%;margin:1%;float:left;overflow:hidden;}
.mt-tabpage-count .mt-tabpage-item .left .lie li p{width:100%;height:auto;clear:both;color:#333;font-size:14px;text-align:center;line-height:1.4;letter-spacing:1px;}
.mt-tabpage-count .mt-tabpage-item .left .lie li img{display:block;max-width:100%;width:auto;height:auto;margin:0 auto;transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ase-in-out;-o-transition: all 0.7s ease-in-out;}

.mt-tabpage-count .mt-tabpage-item .left .lie li:hover img{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ase-in-out;-o-transition: all 0.7s ease-in-out;}




.more{width:100%;clear:both;float:left;margin-top:5%;} 
.more .pro_price{width:185px;height:52px;border: solid #333 1px;overflow:hidden;border-radius:52px;position:relative;}
.more .pro_price a{position:relative; z-index:3; color:#333; width:100%;display:block;font-size:16px;position: absolute;top: 50%;transform: translateY(-50%);left: 0%;text-align:center;}
.more .pro_price a p{display: inline-table;line-height:24px;color:#333;font-size:16px;}
.more .pro_price:after{content:''; width:0; height:100%; background:#008a45; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;}
.more:hover .pro_price a {color:#fff;}
.more .pro_price:hover:after{width:100%;}

.more:hover .pro_price {border: solid #008a45 1px;}

.more .pro_price a .img{ width:30px; display: inline-table;position:relative; overflow:hidden;vertical-align:top; margin-left:10px;}
.more .pro_price a .img img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(30px 0 #fff); -webkit-filter: drop-shadow(30px 0 #fff);}
.more:hover .pro_price a .img img{transform: translate(-30px, 0);-webkit-transform: translate(-30px, 0);-ms-transform: translate(-30px, 0);-o-transform: translate(-30px, 0);}




.mt-tabpage-count .mt-tabpage-item .right{width:50%;height:100%;float:right;overflow:hidden;position:absolute;left:50%;top:0%;}
.mt-tabpage-count .mt-tabpage-item .right .img{position:relative;width:100%;height:100%;}
.mt-tabpage-count .mt-tabpage-item .right img{max-width:100%;width:auto;height:auto;display:block;margin:0 auto;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;}
.mt-tabpage-cont__wrap{position:absolute}
.mt-tabpage-count .mt-tabpage-item{width: 60vw;height:auto;position: relative;}
.mt-tabpage .line{width:auto;max-width:5%;float:right;height:100%;}
.mt-tabpage .line img{max-width:100%;width:auto;height: 100%;}


@media (max-width:990px){
.product{display:none}
}


@media (min-width:991px) and (max-width:1440px){
.mt-tabpage-title{width: 15vw;}
.mt-tabpage-count .mt-tabpage-item  .left .antit a{font-size:24px;}
button{--width:130px;--height:37px;border:0;font-size:14px;border: solid #333 1px;}
.mt-tabpage-count .mt-tabpage-item  .left .ainfo p{font-size:14px;}

.mt-tabpage-count .mt-tabpage-item  .left .lie li img{display:block;max-width:70%;}
}





.product2{width:100%;height:auto;overflow:hidden;position:relative;background:url(../images/product.jpg) no-repeat left top;background-size:100% 100%;padding-top:2rem;display:none;}

@media (max-width:990px){
.product2 .more .pro_price{width:130px;height:37px;font-size:14px;}


/*移动端产品中心*/
.product2{display:block}
.product2 .swiper1{width:100%}
.product2 .swiper1 .selected{color:#008a45;border-bottom:solid #008a45 2px;}
.product2 .swiper1 .swiper-slide{text-align:center;font-size:16px;height:50px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer}
.product2 .swiper2{width:100%}
.product2 .swiper2 .swiper-slide{height:auto;text-align:center;box-sizing:border-box !important;overflow-x:hidden !important}
.product2 .swiper-no-swiping{color:#000000;}



.product2 .mt-tabpage-title .mt-tabpage-item span{display:block;width:0px;float:right;overflow:hidden;position: relative;-webkit-transition:all 0.5s 0s cubic-bezier(0.445,0.05,0.55,0.95);-moz-transition:all 0.5s 0s cubic-bezier(0.445,0.05,0.55,0.95);-o-transition:all 0.5s 0s cubic-bezier(0.445,0.05,0.55,0.95);-ms-transition:all 0.5s 0s cubic-bezier(0.445,0.05,0.55,0.95);transition:all 0.5s 0s cubic-bezier(0.445,0.05,0.55,0.95);}
.product2 .mt-tabpage-title .mt-tabpage-item:hover span{width:30px;margin-left: 10px;}
.product2 .mt-tabpage-title .mt-tabpage-item-cur{font-size:16px;}

.product2 .mt-tabpage-title .mt-tabpage-item-cur span{width:30px;margin-left: 10px;}

.product2 .swiper-no-swiping{width:100%;padding:5%;overflow:hidden;position:relative}

.product2 .swiper-no-swiping .left{width:100%;float:left;overflow:hidden;position:relative}
.product2 .swiper-no-swiping .left .antit{width:100%;height:auto;clear:both;position:relative;text-align: left;}
.product2 .swiper-no-swiping .left .antit a{width:100%;height:auto;clear:both;color:#333;font-size:24px;font-weight:normal;letter-spacing:2px;line-height:60px;display:block;}
.product2 .swiper-no-swiping .left .antit:after { display: block;  content: '';  float: left;  width: 60px;  height: 2px;  background-color: #008a45;   transition: all 0.7s ease-in-out 0s;position:absolute;left:0px;bottom:0px;}
.product2 .swiper-no-swiping:hover  .left .antit:after{width:130px;transition: all 0.7s ease-in-out 0s;}

.product2 .swiper-no-swiping .left .ainfo{width:100%;height:100%;clear:both;margin-top:5%;}
.product2 .swiper-no-swiping .left .ainfo p{font-size:14px;color:#333;line-height: 2;text-align: left;}
.product2 .swiper-no-swiping .left .lie{width:100%;height:auto;clear:both;float:left;margin:10% 0%;}
.product2 .swiper-no-swiping .left .lie li{width:23%;margin:1%;float:left;overflow:hidden;}
.product2 .swiper-no-swiping .left .lie li p{width:100%;height:auto;clear:both;color:#333;font-size:14px;text-align:center;line-height:1.4;letter-spacing:1px;}
.product2 .swiper-no-swiping .left .lie li img{display:block;max-width:70%;width:auto;height:auto;margin:0 auto;transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ase-in-out;-o-transition: all 0.7s ease-in-out;}

.product2 .swiper-no-swiping .left .lie li:hover img{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ase-in-out;-o-transition: all 0.7s ease-in-out;}


.product2 .swiper-no-swiping .right{width:100%;    height: auto;float:right;overflow:hidden;}
.product2 .swiper-no-swiping .right .img{position:relative;width:100%; height: auto}
.product2 .swiper-no-swiping .right img{max-width:100%;width:auto;height:auto;display:block;margin:0 auto;}

.product2 button{--width:130px;--height:37px;border:0;font-size:14px;}
}




/*新闻*/
.news{width:100%;height:auto;overflow:hidden;position:relative;padding:4rem 0rem;background:#f7f7f7;}

.news .more .pro_price{margin:0 auto;float:none}

.news  .more {margin-top: 1rem;}



.news_c{width:100%;height:auto;clear:both;margin-top:3rem;}
.news_c .category{overflow:hidden;margin:0 0 2% 0;text-align:left;}
.news_c .category a{display:inline-block;padding:0.5% 0%;margin:0% 2%;text-decoration:none;font-size:20px;color:#000;position:relative;}

.news_c .category a:after { display: block;  content: '';  float: left;  width: 0%;  height: 2px;  background-color: #008a45;   transition: all 0.7s ease-in-out 0s;position:absolute;left:50%;bottom:0px;transform: translateX(-50%);}
.news_c .category a:hover:after{width:100%;transition: all 0.7s ease-in-out 0s;}

.news_c .category a:first-child:after { display: block;  content: '';  float: left;  width: 100%;  height: 2px;  background-color: #008a45;   transition: all 0.7s ease-in-out 0s;position:absolute;left:50%;bottom:0px;transform: translateX(-50%);}


.news_c .category a:hover{text-decoration:none;}
.news_c .newlist{position:relative;}

#owl-demo .item{margin: 3px;}
#owl-demo .item{display:block;margin: 2%;}
#owl-demo .item .pic{overflow:hidden;position:relative;border-radius:10px;height:250px;}
#owl-demo .item .pic .img{width:100%;transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;min-height:250px;}
#owl-demo .item .pic .nlogo{position:absolute;left:0px;top:0px;width:122px;height:37px;overflow:hidden;}


.i-activity .img .tip{width:122px;height:37px;position:absolute;left:0;top:0}

#owl-demo .item .pic .nlogo .tip{width:122px;height:37px;position:absolute;left:0;top:0}
#owl-demo .item .pic .nlogo .tip .bg1,#owl-demo .item .pic .nlogo .tip .bg2,#owl-demo .item .pic .nlogo .tip .bg3,#owl-demo .item .pic .nlogo .tip .bg4{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}
#owl-demo .item .pic .nlogo .tip .bg1,#owl-demo .item .pic .nlogo .tip .bg4{z-index:1}
#owl-demo .item .pic .nlogo .tip .bg3,#owl-demo .item .pic .nlogo .tip .bg2{z-index:2}
#owl-demo .item .pic .nlogo .tip .bg2,#owl-demo .item .pic .nlogo .tip .bg3{opacity:0}

#owl-demo .item:hover .pic .nlogo .tip #owl-demo .item:hover .pic .nlogo .tip .bg4{opacity:0}
#owl-demo .item:hover .pic .nlogo .tip .bg2,#owl-demo .item:hover .pic .nlogo .tip .bg3{opacity:1}


#owl-demo .item :hover .pic .nlogo .rotate_two{z-index:101;transition: opacity .3s ease;}

#owl-demo .item :hover .des h3{color:#008a45;transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}






#owl-demo .item .des{padding:6% 4%;overflow:hidden;}
#owl-demo .item .des h3{font-weight:normal;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;color:#333333;font-size:20px;}


#owl-demo .item .des p{font-size: 13px;color: #9c9b9b;line-height:1.8em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
#owl-demo .item .more{display:inline-block;padding:1% 6%;border:1px solid #d5d5d5;margin-top:6%;border-radius: 30px;}
#owl-demo .item .more span{color:#a9a9a9;font-family:"1";font-size:13px;background:url(../images/index08.png) no-repeat right center;padding-right: 1.2em;}
#owl-demo .item:hover .more{border:1px solid #4aad07;background:#4aad07}
#owl-demo .item:hover .more span{color:#fff;background:url(../zimages/index09.png) no-repeat right center;}




.news .owl-theme .owl-controls{margin-top: 0px;text-align: center;}

.news .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.news .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.news .owl-theme .owl-controls .owl-page span{display: block;width: 40px;height: 4px;margin: 5px 7px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #666;}
.news .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#008a45;}


.news .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.news .owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}
.news .owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.news .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.news .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.news .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.news .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.news .owl-carousel .owl-item{float: left;}
.news .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.news .owl-theme .owl-controls .owl-buttons div{display:none !important;color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding: 3px 10px;font-size: 0px;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;width:35px;height:35px;}
.news .owl-theme .owl-controls .owl-buttons .owl-prev{background:url(../images/nl.png) no-repeat center center;}
.owl-theme .owl-controls .owl-buttons .owl-next{background:url(../images/nr.png) no-repeat center center;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.news .grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
.news .owl-carousel .owl-wrapper,
.news .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}





@media screen and (max-width:600px) {
.news{padding: 2rem 0rem;}

.newlist .swiper-button-next, .newlist .swiper-button-prev{background-size: 70%;}
.news_c .newlist .nn{width:80%;}


.news  .more {margin-top: 3rem;}
.news .more .pro_price{width:130px;height:37px;font-size:14px;}
.new{padding: 2rem 0rem;}

.news_c .category{overflow:hidden;margin:0 0 2% 0;text-align:center;}
}


@media screen and (max-width:990px) {
.news{padding: 2rem 0rem;}
.news  .more {margin-top: 3rem;}
.news_c .category{overflow:hidden;margin:0 0 2% 0;text-align:center;}

.news_c .category a{font-size:16px;}

#owl-demo .item .des h3 {font-size:16px;}

.new{padding: 2rem 0rem;}

}















/*解决方案*/
.case2{width:100%;height:auto;overflow:hidden;position:relative;padding:1rem 0rem;background:#f7f7f7;clear: both;float: left;}

.case2 .cnei{width:100%;height:auto;overflow:hidden;position:relative;clear: both;float: left;}
.classes-wrap{overflow: hidden;margin-bottom: 3rem !important;}
.content{width: 100%;margin: 2rem auto;position: relative;}
.content:after{content: '';clear: both;height: 0;display: block;}
.clearfix:after{content: " ";display: table;clear: both;width: 100%;}
.classes-wrap .classes-item{width: 16%;float: left;cursor: pointer;position: relative;z-index: 1;overflow: hidden;border-right: solid #333 1px;}
.classes-wrap .classes-item:last-child{border:none;}
.classes-wrap .classes-item.active:after{display: block;}
.classes-wrap .classes-item:after{content: " ";position: absolute;z-index: 2;width: 36px;height: 18px;bottom: 0;left: 50%;margin-left: -18px;display: none;}
.classes-wrap .classes-item .icon{width: 60px;height: 60px;display: block;margin: 0 auto;}
.classes-wrap .classes-item .icon img{max-width:100%;width:auto;height:auto;display:block;margin:0 auto;}
.classes-wrap .classes-item.active .text{color: #008a45;}
.classes-wrap .classes-item .text{font-size: 16px;color: #535353;display: block;text-align: center;font-weight: 400;}
/*内容*/
.list-wrap{box-sizing: border-box;display: none;}
.list-wrap.active{display: block;}
.list-wrap .left{width:30%;overflow:hidden;float:left;position:absolute;left:0px;top:0px;height:100%;background:#fff;}
.list-wrap .left .cinfo{width: 80%;height: 90%;overflow: hidden;position: relative;margin: 5% auto;}

.list-wrap .left .antit{max-width:100%;height:auto;clear:both;position:relative;text-align: left;position: absolute;top: 0%;left: 0%;}
.list-wrap .left .antit a{transition: all 0.7s ease-in-out 0s;width:100%;height:auto;clear:both;color:#333;font-size:24px;font-weight:normal;letter-spacing:2px;line-height:60px;display:block;}
.list-wrap .left .antit:after { display: block;  content: '';  float: left;  width: 100%;  height: 2px;  background-color: #008a45;   transition: all 0.7s ease-in-out 0s;position:absolute;left:0px;bottom:0px;}
.mt-tabpage-count .mt-tabpage-item:hover  .left .antit:after{width:130px;transition: all 0.7s ease-in-out 0s;}

.list-wrap .left .ainfo{transition: all 0.7s ease-in-out 0s;width:100%;max-height:50%;overflow:hidden;clear:both;position: absolute;top: 35%;transform: translateY(-35%);left: 0%;}
.list-wrap .left .ainfo p{font-size:16px;color:rgba(51,51,51,0.8);line-height: 2.2;text-align: left;}

.mt-tabpage-count .mt-tabpage-item .left .lie li:hover img{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ase-in-out;-o-transition: all 0.7s ease-in-out;}


.list-wrap .left .more{position: absolute;bottom: 0%;left: 0%;}




.list-wrap .right{width:70%;overflow:hidden;float:right;}

.list-wrap .right img{width:100%;height:auto;clear:both; transition: all 0.7s ease-in-out 0s;transform: scale(1.0);max-height:590px;}
.list-wrap:hover .right img{transform: scale(1.08); transition: all 0.7s ease-in-out 0s}


             

@media (max-width:468px){
.classes-wrap {
    overflow: hidden;
    width: 30% !important;
    float: left;
}
.classes-wrap .classes-item {
    width: 100%;padding: 10px 0 10px;}
.list-wrap {
    overflow: hidden;
    width: 70% !important;
    float: left;
}
.list-wrap .left{width:100%;position: relative;height: auto;left: unset;top: unset;}
.list-wrap .left .antit{position: relative;left: unset;top: unset;}
.list-wrap .left .ainfo{position: static;transform: translateY(0%);margin-top:2rem;max-height: none;}
.list-wrap .left .more{position:static;left: unset;bottom: unset;}
.classes-wrap .classes-item .icon{width: 50px;height: 50px;}
.classes-wrap .classes-item .text{font-size: 14px;}

.list-wrap .left .antit a{font-size:18px;}
.list-wrap .right{width:100%;position:relative;}
.list-wrap .more .pro_price{width:130px;height:37px;font-size:14px;}
.list-wrap .left .cinfo {width: 90%;}
.list-wrap .left .ainfo p {font-size: 14px;}

.more .pro_price a{font-size:14px;}


}



@media(min-width:469px) and (max-width:768px){
.classes-wrap {
    overflow: hidden;
    width: 30% !important;
    float: left;
}
.classes-wrap .classes-item {
    width: 100%;padding: 10px 0 10px;}
.list-wrap {
    overflow: hidden;
    width: 70% !important;
    float: left;
}
.list-wrap .left{width:100%;position: relative;height: auto;left: unset;top: unset;}
.list-wrap .left .antit{position: relative;left: unset;top: unset;}
.list-wrap .left .ainfo{position: static;transform: translateY(0%);margin-top:2rem;max-height: none;}
.list-wrap .left .more{position:static;left: unset;bottom: unset;}
.classes-wrap .classes-item .icon{width: 50px;height: 50px;}
.classes-wrap .classes-item .text{font-size: 14px;}

.list-wrap .left .antit a{font-size:18px;}
.list-wrap .right{width:100%;position:relative;}

.list-wrap .more .pro_price{width:130px;height:37px;font-size:14px;}

.more .pro_price a{font-size:14px;}
.list-wrap .left .cinfo {width: 90%;}
.list-wrap .left .ainfo p {font-size: 14px;}
}


@media(min-width:769px) and (max-width:990px){
.list-wrap .left{width:100%;position: relative;height: auto;left: unset;top: unset;}
.list-wrap .left .antit{position: relative;left: unset;top: unset;}
.list-wrap .left .ainfo{position: static;transform: translateY(0%);margin-top:2rem;max-height: none;}
.list-wrap .left .more{position:static;left: unset;bottom: unset;}
.classes-wrap .classes-item .icon{width: 50px;height: 50px;}
.classes-wrap .classes-item .text{font-size: 14px;}

.list-wrap .right{width:100%;position:relative;}

.list-wrap .more .pro_price{width:130px;height:37px;font-size:14px;}
.more .pro_price a{font-size:14px;}
}

@media(min-width:991px) and (max-width:1080px){


}

@media(min-width:1081px) and (max-width:1440px){



}
@media(min-width:1441px) and (max-width:1600px){



}









/*图标翻转*/

.cols{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.col{width:60px;cursor:pointer;margin: 0 auto;position:relative}
.front,.back{background-size:cover;background-position:center;-webkit-transition:-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);-o-transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:transform .7s cubic-bezier(0.4,0.2,0.2,1),-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;text-align:center;height:auto;border-radius:10px;color:#fff;font-size:1.5rem}

.back{}
.front:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:'';display:block;opacity:.6;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px}
.classes-wrap .classes-item.active .col .front,.classes-wrap .classes-item.active .back{-webkit-transition:-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1);-o-transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:transform .7s cubic-bezier(0.4,0.2,0.2,1);transition:transform .7s cubic-bezier(0.4,0.2,0.2,1),-webkit-transform .7s cubic-bezier(0.4,0.2,0.2,1)}
.back{position:absolute;top:0;left:0;width:60px;height:60px;}
.inner{-webkit-transform:translateY(-50%) translateZ(60px) scale(0.94);transform:translateY(-50%) translateZ(60px) scale(0.94);top:50%;position:absolute;left:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;outline:1px solid transparent;-webkit-perspective:inherit;perspective:inherit;z-index:2}
.container .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.container .front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.classes-wrap .classes-item.active .back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.classes-wrap .classes-item.active .front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}







/*联系我们*/
.contact{width:100%;height:auto;overflow:hidden;position:relative;background:url(../images/contact.jpg) no-repeat left top;background-size:100% 100%;padding:5rem 0rem; background-attachment: fixed;}

.contact .message{width:100%;height:auto;overflow:hidden;position:relative;clear: both;float: left;}

.contact .left{width: 65%;float:right;height: auto;overflow:hidden;}
.contact .left img{width:100%;height:auto;display:block;transition: all 0.7s ease-in-out 0s;transform: scale(1.0)}

.contact:hover  .left img{transition: all 0.7s ease-in-out 0s;}


.contact .right{ transition: all 0.7s ease-in-out 0s;width: 35%; background-color: #333333; height:100%;position: absolute;left: 0px;top: 0px;}
.contact .right .nei{width:70%;height:auto;overflow:hidden;position:relative;padding:5% 15%;position: absolute;top: 50%;transform: translateY(-50%);left: 0%;}

.contact-form{margin-top:50px;overflow:hidden;}
.contact-form p{width:100%;margin:0 auto;border-bottom:1px solid #a5a5a5;clear: both;float: left;color:#fff;font-size:16px;line-height:40px;margin-bottom:20px}
.contact-form .cnei{width:98%;height:70px;margin:0 auto;border:1px solid #a5a5a5;border-radius:10px;clear: both;float: left;color:#fff;font-size:16px;line-height:40px;margin-bottom:20px}
.contact .map-area{margin-top:50px;overflow:hidden;text-align: right;}
.contact input,.contact textarea,.contact select{font-size:fff;color:16px;background:none;padding-left:5%;width:90%;float:left;border:none;font-size:14px;font-weight:600;letter-spacing:1px;transition: all 0.7s ease-in-out 0s;}
.contact input{line-height:40px;}
.contact input::-webkit-input-placeholder{color:#fff;font-size:16px;font-weight:normal;letter-spacing:1px;}
.contact input:-moz-placeholder{color:#fff;opacity:1;font-size:16px;font-weight:normal;letter-spacing:1px;}
.contact input::-moz-placeholder{color:#fff;opacity:1;font-size:16px;font-weight:normal;letter-spacing:1px;}
.contact input:-ms-input-placeholder{color:#fff;font-size:16px;font-weight:normal;letter-spacing:1px;}
.contact textarea{height:150px;resize:none}
.contact input[type="submit"]{border:none;display:inline-block;background:#fff;color:#333;border-radius:5px;font-size:16px;padding:0px 30px;margin:20px 0;width:auto;text-transform:uppercase;transition:.3s;cursor:pointer;width: 100%;clear:both;}
.contact input:focus::-webkit-input-placeholder,.contact textarea:focus::-webkit-input-placeholder{color:transparent}
.contact-form img{max-width:18%;float:left;}
.contact input{ outline:none } 
.contact input:focus { outline: none; }
.contact h3{font-size:35px;padding-bottom:15px;color:#fff;margin-bottom:15px;font-weight:normal;position:relative;display:block;max-width:100%;}
.contact h3:after { display: block;  content: '';  float: left;  width: 75px;  height: 2px;  background-color: #fff;   transition: all 0.7s ease-in-out 0s;position:absolute;left:0%;bottom:0px;}

.contact .right:hover input[type="submit"]{background:#008a45;color:#fff;}



@media (max-width:468px){
.contact { padding: 0rem 0rem 2rem 0rem;}


.contact .left{width: 100%;}
.contact .right{width:100%;margin:0 auto;float: left;margin-top: 0rem;position:static;height: auto;}
.contact .right .nei{padding:10% 5%;width:90%; position:relative; top: 0%;    transform: translateY(0%);    left: 0%;}
.contact h3{font-size:24px}
input::-webkit-input-placeholder{font-size:14px;letter-spacing:0px;}
input:-moz-placeholder{font-size:14px;letter-spacing:0px;}
input::-moz-placeholder{font-size:14px;letter-spacing:0px;}

.contact-form p {margin-bottom: 20px;}
input {line-height: 30px;}
.contact-form { margin-top: 20px;}
}

@media (min-width:469px) and (max-width:768px){

.contact { padding: 0rem 0rem 2rem 0rem;}

.contact .left{width: 100%;}
.contact .right{width:100%;margin:0 auto;float: left;margin-top: 0rem;position:static;height: auto;}
.contact .right .nei{padding:10% 5%;width:90%; position:relative; top: 0%;    transform: translateY(0%);    left: 0%;}
.contact h3{font-size:24px}
input::-webkit-input-placeholder{font-size:14px;letter-spacing:0px;}
input:-moz-placeholder{font-size:14px;letter-spacing:0px;}
input::-moz-placeholder{font-size:14px;letter-spacing:0px;}

.contact-form p {margin-bottom: 20px;}
input {line-height: 30px;}
.contact-form { margin-top: 20px;}
}
@media (min-width:769px) and (max-width:990px){
.contact .left{width: 100%;}
.contact .right{width:100%;margin:0 auto;float: left;margin-top: 0rem;position:static;height: auto;}
.contact .right .nei{padding:10% 5%;width:90%; position:relative; top: 0%;    transform: translateY(0%);    left: 0%;}
.contact h3{font-size:24px}
input::-webkit-input-placeholder{font-size:14px;letter-spacing:0px;}
input:-moz-placeholder{font-size:14px;letter-spacing:0px;}
input::-moz-placeholder{font-size:14px;letter-spacing:0px;}

.contact-form p {margin-bottom: 20px;}
input {line-height: 30px;}
.contact-form { margin-top: 20px;}
}

@media (min-width:991px) and (max-width:1080px){

.contact .left{width: 60%;}
.contact .right{width:40%;}
.contact h3{font-size:24px}

input::-webkit-input-placeholder{font-size:14px;letter-spacing:0px;}
input:-moz-placeholder{font-size:14px;letter-spacing:0px;}
input::-moz-placeholder{font-size:14px;letter-spacing:0px;}

.contact-form p {margin-bottom: 10px;}
input {line-height: 30px;}
.contact-form { margin-top: 20px;}

}

@media (min-width:1080px) and (max-width:1320px){


.contact .left{width: 60%;}
.contact .right{width:40%;}
.contact h3{font-size:28px}

input::-webkit-input-placeholder{font-size:16px;letter-spacing:0px;}
input:-moz-placeholder{font-size:16px;letter-spacing:0px;}
input::-moz-placeholder{font-size:16px;letter-spacing:0px;}

.contact-form p {margin-bottom: 15px;}
input {line-height: 30px;}
.contact-form { margin-top: 20px;}
}
@media (min-width:1320px) and (max-width:1400px){


.contact .left{width: 60%;}
.contact .right{width:40%;}
.contact h3{font-size:28px}


}





/*底部*/
.footer{width:100%;height:auto;clear:both;background:#333;padding:40px 0px 40px 0px;background-size:cover;float: left;}
.cont2{width:100%;height:auto;clear:both;position:relative;float: left;overflow: hidden;}
.cont2_l{width:60%;float:left;}
.cont2_r{width:25%;float:right;}
.cont2 .cc{width:100%;height:auto;float:left}
.cont2 .cc li{width:18%;float:left;margin-right: 2%;}
.cont2 .cc li .er{max-width:130px;height:auto;float:left;color:#fff;line-height:2.2;font-size:1.5rem;text-align:center}
.cont2 .cc li .er img{max-width:100%;height:auto}
.cont2 .cc li h1{float:left;display:block;width:100%;}
.cont2 .cc li h1 a{font-size:16px;color:#fff;line-height: 60px;font-weight:normal;text-align:left;transition: all 0.7s ease-in-out 0s;}


.cont2 .cc li h1 a font{margin-right:5px;transition: all 0.7s ease-in-out 0s;}
.cont2 .cc li p a{float:left;font-size:14px;color:#a5a5a5;line-height:2.4;clear:both;transition: all 0.7s ease-in-out 0s;}
.cont2 .cc li p{float:left;font-size:14px;color:#a5a5a5;line-height:2.4;clear:both;margin-top:3px;transition: all 0.7s ease-in-out 0s;}
.cont2 .cc li p a font{margin-right:5px;transition: all 0.7s ease-in-out 0s;}
.cont2 .cc li p:hover {margin-left:10px;transition: all 0.7s ease-in-out 0s;}
.cont2 .cc li p:hover a,.cont2 .cc li p:hover a font{color:#008a45;transition: all 0.7s ease-in-out 0s;}
.cont2 .cc li h1:hover a{color:#008a45;transition: all 0.7s ease-in-out 0s;}


.cont2 .ct{width:100%;height:auto;padding-top:5rem;clear:both;float:left}
.cont2 .ct h1{font-size:1.4rem;color:#aeafaf;float:left;padding:5px;margin-right:5px;}
.cont2 .ct a{float:left;padding:5px;margin-left:5px;font-size:1.4rem;color:#d1a1a2}
.cont2_r .nei{width:365px;height:auto;/*position: absolute;top: 50%;transform: translateY(-50%);left: 0%;*/}


.cont2_r .cen{width:100%;height:100%;position:relative;}
.cont2_r p{font-size:16px;color:#a5a5a5;line-height:2;width: 100%;display: block;text-align: left;}
.cont2_r h1 a{font-size:37px;color:#008a45;line-height: 1.6;width: 100%;display: block;text-align:left;font-family:"庞门正道标题体";margin-bottom:1rem;letter-spacing:2px;}
.cont2_r h2{font-size:18px;color:#fff;line-height: 60px;width: 100%;display: block;text-align:left;font-weight:normal;}
.cont2_r p a{font-size:16px;color:#a5a5a5;line-height:2;text-align: left;}


.footerinner{height:100%;position:relative;width: 130px;float: left;}

.share{width:100%;margin:2rem auto;overflow:hidden;}
.share li{float:left;height:50px;padding: 0px 5px 5px 5px;}
.share li img{width:45px;height:45px;cursor:pointer;border-radius:20px}
.code_wrap{position: absolute; top: -170px; left: 0px;}
.code{width:100%;overflow:hidden;position:relative}
.code li{float:left;width:165px;height:165px}
.code li img{width:165px;height:165pxdisplay:none}
.code li img.wechat{position:absolute;left:0px}




.foot{width:100%;height:auto;padding: 10px 0px 0px 0px;clear:both;border-top:solid #a5a5a5 1px;margin-top: 3rem;float: left;}
.foot p{width:100%;height:auto;overflow:hidden;font-size:14px;color:#fff;text-align:right;line-height:70px;}
.foot p a{font-size:14px;color:#fff;}
.foot p .flogo{float:left;}
.foot p .flogo img{height:70px;}
.foot p br{display:none}
@media (max-width:468px){

.footerinner{float:none;margin:0 auto;}

.foot p br{display:block}
.cont2_l{display:none}
.cont2_r{width:100%;position:relative;}
.cont2_r .nei{position:relative;top: 0%;transform: translateY(0%);left: 0%;width:100%;}
.cont2_r p{text-align: center;}
.cont2_r h1 a{text-align: center;}
.cont2_r h2{text-align: center;}
.share{text-align: center;}
.share li{display:inline-table;float:none}
.foot{margin-top: 1rem;}
.foot p{text-align:center}
.foot p .flogo{display:none;}

.foot p{line-height:2}

}


@media (min-width:469px) and (max-width:768px){
.footerinner{float:none;margin:0 auto;}

.foot p br{display:block}
.cont2_l{display:none}
.cont2_r{width:100%;position:relative;}
.cont2_r .nei{position:relative;top: 0%;transform: translateY(0%);left: 0%;width:100%;}
.cont2_r p{text-align: center;}
.cont2_r h1 a{text-align: center;}
.cont2_r h2{text-align: center;}
.share{text-align: center;}
.share li{display:inline-table;float:none}
.foot{margin-top: 1rem;}
.foot p{text-align:center}
.foot p .flogo{display:none;}
.foot p{line-height:2}

}
@media (min-width:769px) and (max-width:990px){
.footerinner{float:none;margin:0 auto;}

.cont2_l{display:none}
.cont2_r{width:100%;position:relative;}
.cont2_r .nei{position:relative;top: 0%;transform: translateY(0%);left: 0%;width:100%;}
.cont2_r p{text-align: center;}
.cont2_r h1 a{text-align: center;}
.cont2_r h2{text-align: center;}
.share{text-align: center;}
.share li{display:inline-table;float:none}
.foot{margin-top: 1rem;}
.foot p{text-align:center}
.foot p .flogo{display:none;}
.foot p{line-height:2}
}
@media (min-width:991px) and (max-width:1080px){

.cont2_l{width:65%;}
.cont2_r {width:30%;}

.cont2_r h1{font-size: 20px;}
.foot p{line-height:2}
}
@media (min-width:1081px) and (max-width:1200px){

.cont2_l{width:65%;}
.cont2_r {width:30%;}
.foot p{line-height:2}
.cont2_r h1 a{font-size: 30px;}
}
@media (min-width:1201px) and (max-width:1440px){
.cont2_l{width:60%;}
.cont2_r {width:30%;}

.cont2_r h1 a{font-size: 30px;}
}

@media (min-width:1441px) and (max-width:1600px){
.cont2_l{width:60%;}
.cont2_r {width:30%;}


.cont2_r h1 a{font-size: 30px;}
}



.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0;z-index:9999}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#f67524;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li a{color:#333}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/er.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{color:#fff;display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}@media (max-width:990px){.side{display:none}
}























/*招聘部分*/


.ab_zz2{width:100%;height:auto;padding:2rem 0rem 0rem 0rem;clear:both;position:relative;overflow:hidden;background:url(../images/public.jpg) no-repeat #f7f7f7 center bottom;}
.ab_zz2 .mm{}
.ab_zz2 ul{width:100%;float:left}
.ab_zz2 ul li{width:50%;float:left;overflow:hidden;position:relative;}
.ab_zz2 ul li .pic{width:100%;height:auto;overflow:hidden;}
.ab_zz2 ul li .pic img{width:100%;height:auto;cursor: crosshair; transform: scale(1.01); transition:all .7s;}
.ab_zz2 ul li:hover .pic img{transform: scale(1.06); transition:all .7s;}

.ab_zz2 ul li:first-child:after { display: block;  content: '';  float: left;  width: 3px;  height: 100%;  background-color: #ffffff;   transition: all 0.7s ease-in-out 0s;position:absolute;right: 0%;bottom:0px;}

.ab_zz2 ul li:nth-child(2):after { display: block;  content: '';  float: left;  width: 100%;  height: 2px;  background-color: #ffffff;   transition: all 0.7s ease-in-out 0s;position:absolute;left:0%;bottom:0px;transform: }


.ab_zz2 ul li:first-child ._mask{padding-left:26%}
.ab_zz2 ul li:first-child ._mask img{max-width:70%;width:auto;height:auto;float:left;padding-top: 6rem;}

.ab_zz2 ul li:nth-child(2) ._mask{padding-right:26%}
.ab_zz2 ul li:nth-child(3) ._mask{padding-right:26%}

.ab_zz2 ul li ._mask cen{width:100%;height:100%;position:relative;overflow:hidden}


.ab_zz2 ul li ._mask{position:absolute;top:0;left:0;right:0;bottom:0;color:#ffffff;text-align:center;padding-top:60px;padding-left:50px}
.ab_zz2 ul li .en{font-family:Impact; font-size:48px; line-height:1; text-transform:uppercase; text-align:left;}
.ab_zz2 ul li .cn{font-size:32px; text-align:left;}


.ab_zz2 ul li .item:after{content:"+"; color:#fff; position:absolute; right:70px; bottom:70px; font-size:70px; -moz-transition:all .7s ease 0s; -ms-transition:all .7s ease 0s; -o-transition:all .7s ease 0s; -webkit-transition:all .7s ease 0s; transition:all .7s ease 0s; font-weight: lighter; width:80px; height:80px; text-align:center; line-height:1;} 
.ab_zz2 ul li .item:hover:after{transform:rotate(360deg);}

.ab_zz2 ul li:nth-child(2) .item:after{right:29%;bottom:70px;}
.ab_zz2 ul li:nth-child(3) .item:after{right:29%;bottom:70px;}
@media (max-width:468px){
.ab_zz2 ul li{width:100%;margin-top:1rem;}

.ab_zz2 ul li  .en{font-size:26px;}
.ab_zz2 ul li  .cn{font-size:20px;}
.ab_zz2 ul li ._mask { padding-top: 30px;padding-left: 5%;}


.ab_zz2 ul li:first-child ._mask { padding-left: 5%;}
.ab_zz2 ul li .item:after{ right:30px; bottom:30px; font-size:40px; width:45px; height:45px;} 
.ab_zz2 ul li:first-child ._mask img { max-width: 70%; padding-top: 2rem;}
.ab_zz2 ul li:nth-child(2) .item:after{right:30px; bottom:30px;}
.ab_zz2 ul li:nth-child(3) .item:after{right:30px; bottom:30px;}
}





@media (min-width:469px) and (max-width:768px){
.ab_zz2 ul li{width:100%;margin-top:1rem;}

.ab_zz2 ul li  .en{font-size:26px;}
.ab_zz2 ul li  .cn{font-size:20px;}
.ab_zz2 ul li ._mask { padding-top: 30px;padding-left: 5%;}


.ab_zz2 ul li:first-child ._mask { padding-left: 5%;}
.ab_zz2 ul li .item:after{ right:30px; bottom:30px; font-size:40px; width:45px; height:45px;} 
.ab_zz2 ul li:first-child ._mask img { max-width: 70%; padding-top: 2rem;}
.ab_zz2 ul li:nth-child(2) .item:after{right:30px; bottom:30px;}
.ab_zz2 ul li:nth-child(3) .item:after{right:30px; bottom:30px;}

}











@media (min-width:769px) and (max-width:990px){
.ab_zz2 ul li ._mask { padding-top: 30px;padding-left: 40px;}
.ab_zz2 ul li  .en{font-size:26px;}
.ab_zz2 ul li  .cn{font-size:20px;}

.ab_zz2 ul li:first-child ._mask { padding-left: 10%;}

.ab_zz2 ul li:nth-child(2) ._mask { padding-right: 10%;}
.ab_zz2 ul li:nth-child(3) ._mask { padding-right: 10%;}

.ab_zz2 ul li .item:after{ right:30px; bottom:30px; font-size:40px; width:45px; height:45px;} 
.ab_zz2 ul li:first-child ._mask img { max-width: 70%; padding-top: 2rem;}
.ab_zz2 ul li:nth-child(2) .item:after{right:30px; bottom:30px;}
.ab_zz2 ul li:nth-child(3) .item:after{right:30px; bottom:30px;}


}
@media (min-width:991px) and (max-width:1200px){
.ab_zz2 ul li ._mask { padding-top: 30px;padding-left: 40px;}
.ab_zz2 ul li  .en{font-size:32px;}
.ab_zz2 ul li  .cn{font-size:24px;}

.ab_zz2 ul li:first-child ._mask { padding-left: 20%;}
.ab_zz2 ul li .item:after{ right:30px; bottom:30px; font-size:40px; width:45px; height:45px;} 
.ab_zz2 ul li:first-child ._mask img { max-width: 70%; padding-top: 2rem;}
.ab_zz2 ul li:nth-child(2) .item:after{right:30px; bottom:30px;}
.ab_zz2 ul li:nth-child(3) .item:after{right:30px; bottom:30px;}

}

@media (min-width:1201px) and (max-width:1440px){

.ab_zz2 ul li  .en{font-size:32px;}
.ab_zz2 ul li  .cn{font-size:24px;}

.ab_zz2 ul li:first-child ._mask { padding-left: 20%;}
.ab_zz2 ul li .item:after{ right:30px; bottom:30px; font-size:40px; width:45px; height:45px;} 
.ab_zz2 ul li:first-child ._mask img { max-width: 70%; padding-top: 2rem;}
.ab_zz2 ul li:nth-child(2) .item:after{right:30px; bottom:30px;}
.ab_zz2 ul li:nth-child(3) .item:after{right:30px; bottom:30px;}

}

@media (min-width:1441px) and (max-width:1600px){


.ab_zz2 ul li:first-child ._mask { padding-left: 20%;}
.ab_zz2 ul li .item:after{ right:40px; bottom:40px; font-size:50px; width:55px; height:55px;} 
.ab_zz2 ul li:first-child ._mask img { max-width: 70%; padding-top: 2rem;}
.ab_zz2 ul li:nth-child(2) .item:after{right:40px; bottom:40px;}
.ab_zz2 ul li:nth-child(3) .item:after{right:40px; bottom:40px;}

}